<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>设置教材</title>
    <link rel="stylesheet" type="text/css" href="../../../media/tea/css/class_manage/class_manage.css">
</head>
<body>
<div class="header">
    <div class="container">
        <div  class="content">
            {{grade_name}}班
            <div class="btn back"><a href="javascript:history.go(-1);"></a></div>
            <div class="btn quit_class">
                <a href="javascript:;">退出本班</a>
            </div>
        </div>
    </div>
</div>

 <div class="simple_open_status">
    <div class="container">
        <div class="content">
            <p class="total_count">班级人数：{{student_num}}人</p>
            <p class="class_info">
                <span>已开通<em>{{open_num}}</em>人</span>
                <span>体验<em>{{trial_count}}</em>人</span>
                <span>未开通<em>{{not_open_num}}</em>人</span>
            </p>
            <a href="/account/add_student/"  class="add_student">添加学生</a>
        </div>
    </div>
 </div>
 <!--信息展示-->
 <div class="detail_info">
        <!--三个切换按钮-->
        <ul class="btn_container">
            <li class="active"><div>已开通</div></li>
            <li class=""><div>体验</div></li>
            <li class=""><div>未开通</div></li>
        </ul>


         <ul class="address_list_container">
             <!--已开通-->
             <!--<li>-->
                 <!--<dl>-->
                     <!--<dt>A</dt>-->
                     <!--<dd>-->
                         <!--<img src="{{settings.MEDIA_URLROOT}}/images_app/tea/class_manage/photo.png">-->
                         <!--<ol data-id="ykt-01" data-sex="ykt-man">-->
                             <!--<li>-->
                             <!--{% for obj in gradename %}-->
                                <!--<a> {{obj}}</a><br>-->
                             <!--{% endfor %}-->
                             <!--</li>-->
                         <!--</ol>-->
                     <!--</dd>-->
                 <!--</dl>-->
             <!--</li>-->
             <!--&lt;!&ndash;体验&ndash;&gt;-->
             <!--<li class="hidden">-->
                 <!--<dl>-->
                     <!--<dt>B</dt>-->
                     <!--<dd>-->
                         <!--<img src="{{settings.MEDIA_URLROOT}}/images_app/tea/class_manage/photo.png">-->
                         <!--<ol data-id="ty-01" data-sex="ty-man">-->
                             <!--<li>-->
                             <!--{% for obj in tiyanname %}-->
                                <!--<a> {{obj}}</a><br>-->
                             <!--{% endfor %}-->
                             <!--</li>-->
                         <!--</ol>-->
                     <!--</dd>-->

                 <!--</dl>-->
             <!--</li>-->
             <!--未开通-->
             <li class="">

                 <dl>
                     <dt>C</dt>
                     <!-- {%for obj in students%}
                     <dd>
                         <img src="{{settings.MEDIA_URLROOT}}/images_app/tea/class_manage/photo.png">

						 {{obj.user_name}}
						 {{obj.status}}
						 {%if obj.status == 2 %}
							{%if obj.billing == 1 %}
                                体验
								{%else%}
                                    已开通
							{%endif%}
						 {%else%}
						 未开通
						 {%endif%}

						 <ol data-id="
						 {%if obj.status == 2 %}
						    {%if obj.billing == 1%}
						        ty-01
						        {%else%}
						             ykt-01
						    {%endif%}
						  {%else%}
						    wkt-01
						  {%endif%}"

                             data-sex="
                             {%if obj.status == 2%}
                                {%if obj.billing == 1 %}
                                    ty-man
                                    {%else%}
                                        ykt-man
                                {%endif%}
                             {%else%}
                                wkt-man
                             {%endif%}wkt-man"
                         >

                             <li></li><li></li><li></li></ol>

					 </dd>
                     {%endfor%} -->

                     <dd>
                         <img src="../../../images/tea/class_manage/photo.png">阿朱-未开通
                         <ol data-id="wkt-02" data-sex="wkt-woman"><li></li><li></li><li></li></ol>
                     </dd>
                     <dd>
                         <img src="../../../images/tea/class_manage/photo.png">阿朱-未开通
                         <ol data-id="wkt-03" data-sex="wkt-woman"><li></li><li></li><li></li></ol>
                     </dd>
                 </dl>
                 <div class="btn invite_open">邀请全部学生开通</div>
             </li>
         </ul>

 </div>
<div class="dialog hidden">
    <ul>
        <li class="alter"><em></em>修改</li>
        <li class="del"><em></em>删除</li>
        <li class="cpwd"><em></em>账号密码</li>
        <li class="yzmkt"><em></em>验证码开通</li>
        <li class="invitekt"><em></em>邀请开通</li>
    </ul>
</div>
</body>
<script type="text/javascript" src="../../../media/com/js/zepto.js"></script>
<script type="text/javascript" src="../../../media/com/js/common.js"></script>
<script src="../../../media/tea/js/class_manage/class_manage.js"></script>
</html>


